import patch from "./mysnabbdom/patch";  
import h from "./mysnabbdom/h";  
  
// 初始的虚拟节点  
const initialVnode = h("p", {}, 
    [  
        h("li", {key:"A"}, "A"),  
        h("li", {key:"B"}, "B"),  
        h("li", {key:"C"}, "C"),  
        h("li", {key:"D"}, "D"),  ]


);  
  
// 获取 DOM 容器和按钮  
const container = document.getElementById("container");  
const btn = document.getElementById("btn");  
  
// 第一次上树  
patch(container, initialVnode);  
  
// 定义一个新的虚拟节点，用于在点击按钮时更新 DOM  
const newVnode = h("p", {}, 
    [  
        h("li", {key:"A"}, "A"),  
        h("li", {key:"B"}, "B"),  
        h("li", {key:"C"}, "C"),  
        h("li", {key:"D"}, "D"), 
        h("li", {key:"G"}, "G"), 
    ]    
);  
btn.onclick=function(){ patch(initialVnode, newVnode); }
